
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>杭州魔匠科技有限公司</title>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <meta content="telephone=no" name="format-detection" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no">
    <meta name="full-screen" content="yes">
    <link rel="stylesheet" href="css/cui.css" />
    <link rel="stylesheet" href="css/style.css" />
    <link rel="stylesheet" href="css/less.css" />
</head>
<body>
<div id="hd">
    <div class="wp">
        <div class="logo"><a href="index1"><img src="images/logo.png" alt=""></a></div>
        <div id="nav">
            <ul>
                <li><a href="index.html" >首页</a></li>
                <li><a href="about.html" >关于魔匠</a></li>
                <li><a href="service.html" >魔匠服务</a></li>
                <li><a href="case.html" >魔匠案例</a></li>
                <li><a href="news.html" >魔匠动态</a></li>
                <li><a href="contact.html"  style="color:#e4392a; border-bottom:3px solid #e4392a;">联系我们</a></li>
            </ul>
        </div>
        <!-- <div class="tel">400-008-0408</div> -->
    </div>
</div>
<!-- end #hd -->
<div class="c"></div>
<div id="m-hd">
    <a href="index1" class="m-logo"><img src="images/logo.png" alt=""></a>
    <div class="m-trigger"></div>
    <ul class="m-nav">
        <li><a href="index.html" class="v1">首页 </a></li>
        <li><a href="about.html" class="v1">关于魔匠</a></li>
        <li><a href="service.html" class="v1">魔匠服务</a></li>
        <li><a href="case.html" class="v1">魔匠案例</a></li>
        <li><a href="news.html" class="v1">魔匠动态</a></li>
        <li><a href="contact.html" class="v1">联系我们</a></li>
    </ul>
</div>
<div class="c"></div>	<div id="bd">
    <div id="ban-in" style="background-image:url(images/10044144.jpg)">
        <div class="ban-bg"></div>
    </div>
    <div class="row4 fix">
        <div class="wp">
            <div class="tit-i">
                <h3>联系我们</h3>
                <h5><span>contact</span> margicMaker</h5>
            </div>
            <div class="contact-l">
                <ul class="ul-contact">
                    <li class="li1">浙江省杭州市西湖区文一路83号</li>
                    <li class="li2"><a href="tel:010-51265006">010-51265006 (咨询) / <a href="tel:010-52459737">52459737 (售后)<br /><a href="tel:400-008-0408">400-008-0408 (咨询)</a><br /><a href="tel:13581789985">13581789985 (咨询)</a></li>
                    <!-- <li class="li3"><a href="mailto:sales@webthink.com.cn">sales@webthink.com.cn</a></li> -->
                </ul>
            </div>
            <div class="contact-r">
                <!--<iframe scrolling="no" frameborder="0" src="guest.php" width="100%" height="235"></iframe>-->
                <form action="" class="contact-form" method="post">
                    <div class="">
                        <input type="text" class="inp l" name="name" id="name" placeholder="您的姓名">
                        <input type="text" class="inp r" name="tel" id="tel" placeholder="您的联系方式">
                    </div>
                    <textarea cols="30" rows="10" name="txt_con" id="txt"></textarea>
                    <input type="button" value="提交您的需求" class="sub" id="sub">
                </form>
            </div>
        </div>
    </div>
    <div class="map">
        <div class="map-s">
            <a href="javascript:void(0);" class="btn"><em></em>点击展开地图</a>
        </div>
        <div class="map-pop map-pop-big">
            <a href="javascript:void(0);" class="btn-down"></a>
            <div class="map-bg1"></div>
            <div class="map-bg2"></div>
            <div id="map" class="map-c" style="width:100%;height:100%;"></div>
        </div>
    </div>
</div>
<!-- end #bd -->
<div class="c"></div>
<!-- begin #fd -->
<div id="fd" class="index-fd pr">
    <div class="map-bg3"></div>
    <div class="wp">
        <div class="fd-top">
            <dl>
                <dt>关于魔匠</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="index.html">我们是谁</a></li>
                        <li><a href="index.html">我们服务的客户</a></li>
                        <li><a href="about.html">我们的团队</a></li>
                        <li><a href="index.html">客户监控系统</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>魔匠服务</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="service.html">网站建设</a></li>
                        <li><a href="service.html">H5响应式 交互网站</a></li>
                        <li><a href="service.html">移动端 & 微网站定制</a></li>
                        <li><a href="service.html">服务流程</a></li>
                        <li><a href="service.html">行业解决方案</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>魔匠案例</dt>
                <dd>
                    <ul class="ul-fd ul-fd2">
                        <li><a href="case.html"></a></li>
                        <li><a href="case.html">平台电商</a></li>
                        <li><a href="case.html">HTML5</a></li>
                        <li><a href="case.html">企业网站</a></li>
                        <li><a href="case.html">集团公司</a></li>
                        <li><a href="case.html">加工制造</a></li>
                        <li><a href="case.html">酒店餐饮</a></li>
                        <li><a href="case.html">金融投资</a></li>
                        <li><a href="case.html">汽车地产</a></li>
                        <li><a href="case.html">科技电子</a></li>
                        <li><a href="case.html">影视传媒</a></li>
                        <li><a href="case.html">生物医疗</a></li>
                        <li><a href="case.html">教育培训</a></li>
                        <li><a href="case.html">政府机关</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>魔匠动态</dt>
                <dd>
                    <ul class="ul-fd">
                        <li><a href="news.html">公司动态</a></li>
                    </ul>
                </dd>
            </dl>
            <dl>
                <dt>联系我们</dt>
                <dd class="pr">
                    <p><a href="" class="weixin"></a><a href="" class="sina"></a><span class="weixin-pic"><img src="images/ewm.jpg" alt=""></span></p>
                    <p><b class="tel">400-008-0408</b></p>
                    <h5>魔匠服务热线</h5>
                </dd>
            </dl>
        </div>
    </div>
    <div class="fd-copy">
        <div class="wp">
            <p>
                <span>杭州魔匠科技有限公司 Copyright&copy;  </span><a href=""><span>京ICP备07017583号-1</span></a> <a href=""></a>
            </p>
        </div>
    </div>
</div>
<div class="side">
    <ul>
        <!-- <li><a href=""><div class="sidebox"><img src="images/side_icon02.png">在线咨询</div></a></li>
        <li><a href=""><div class="sidebox"><img src="images/side_icon01.png">在线咨询QQ:16757330</div></a></li> -->
        <li><a href="javascript:void(0);" ><div class="sidebox"><img src="images/side_icon03.png">4000080408</div></a></li>
    </ul>
</div>
<div class="side2">
    <ul>
        <li><a href=""><img src="images/r_icon1.png" alt=""></a><div class="weixin"><em></em><img src="images/ewm.jpg" alt=""></div></li>
        <li><a href="javascript:goTop();" class="sidetop"><img src="images/r_icon2.png"></a></li>
    </ul>
</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript">
    $("#sub").click(function(e) {
        var name=$("#name").val();
        var tel=$("#tel").val();
        var txt=$("#txt").val();
        var re = /^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/;
        if(name==""){
            alert("姓名不能为空");
            return false;
        }
        if(!re.test(tel)){
            alert("请输入正确的联系方式");
            return false;
        }
        if(txt==""){
            alert("请输入您的需求");
            return false;
        }
        // debugger;
        $.ajax({
            url:"http://47.98.143.77:8088/eweb/apiIndex/submitContact.do",
            type:'POST',
            data:{
                'linkName':name,
                'linkTel':tel,
                'userRemark':txt
            },
            //dataType:"text",
            async:false,
            success: function(data){
                alert(data.message);
                
                // console.log(JSON.parse(data));
            },
            error: function(){ 
                console.log("error");
            },
        })
    });
</script>
<script>
    $('.map .btn').click(function(){
        $('.map-pop').show();
        $(this).parents('.map').addClass('map-big');
        var winW = $(window).width();
        var winH = $(window).height();
        if(winW < 768){
            $('.map-pop').height($(window).height()-50-80);
            $('.map-big').height($(window).height()-50-80);
            $("html, body").animate({ scrollTop: $(document).height() }, 1000);
        }else{

            $('.map-pop').height($(window).height()-344-101);
            $('.map-big').height($(window).height()-344-101);
            $("html, body").animate({ scrollTop: $(document).height() }, 1000);
        }
        initMap();
    })
    $('.map .btn-down').click(function(){
        $('.map-pop').hide();
        $(this).parents('.map').removeClass('map-big');
        $('.map').height('107');
    })
</script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5b31afcdea6af2d7d3677ca5c1a22c46"></script>
<script type="text/javascript" src="js/map.js"></script>
</body>
</html>